<!-- @top.html -->

<!-- 轮播图片 专区1 -->
<div class="clearfix"></div>
<div id="banner">
    <ul class="tuul">
      <li class="no1" onclick="window.open('http://vip.hfjy.com/newtpl/zzhb.html')" alt="金榜题名 2015年海风学院自主招生录取榜" title="金榜题名 2015年海风学院自主招生录取榜"></li>
      <li class="no2" onclick="window.open('http://vip.hfjy.com/newtpl/zsd-m.html')" alt="哪个是你认为最难的知识点 一顿饭钱 消灭难点" title="哪个是你认为最难的知识点 一顿饭钱 消灭难点"></li>
      <li class="no3" onclick="window.open('http://vip.hfjy.com/newtpl/cgzxkpy.html')" alt="在线补习1对1 高效当然高分 中学生一站式学习平台" title="在线补习1对1 高效当然高分 中学生一站式学习平台"></li>
    </ul>
    <div class="anniu">
      <span class="leftbut"></span>
      <span class="rightbut"></span>
    </div>
    <ul class="dianul">
      <li class="cur"></li>
      <li></li>
      <li></li>
    </ul>
  </div>
  <script type="text/javascript" src="http://res.www.hfjy.com/js/index.js"></script>
  <script type="text/javascript">
    window.onload = function(){
      chuantong(5000,500)
    }
  </script>
<div class="clearfix"></div>
<!-- 第二屏幕三大课程开始 -->
<div class="featurette " id="course_page2">
    <div class="container">
        <h2 class="title">海风教育三大系列课程</h2>
        <p class="min-title">名校升学一站式学习平台</p>
        <ul class="product-list clearfix">
          <li data-scroll-reveal="enter left over 1s">
            <div >
                <img class="lazy" src="http://res.www.hfjy.com/images/loading.gif" data-original="http://res.www.hfjy.com/images/page201.jpg" alt="学科培优" title="学科培优 一节更比六节强！"/>
                <div class="product-listbox">
                    <h3>学科培优 一节更比六节强！</h3>
                    <p class="min-title">虽以前学1小时，在这里或只需10分钟1对1在线学科培优，通过知识点切片化教学帮助同学们高效学习</p>

                    <p><span>●</span>初、高中学科——同步辅导</p>

                    <p><span>●</span>专项课程——重点突破</p>

                    <p><span>●</span>自招竞赛——拓展提升</p>
                    <a class="btns" href="course.html#h31"  target="_blank">点击查询详细课程</a>
                </div>
            </div>
          </li>
          <li>
            <div >
                <img class="lazy" src="http://res.www.hfjy.com/images/loading.gif" data-original="http://res.www.hfjy.com/images/page202.jpg" alt="升学辅导" title="升学辅导 选专业、赢面试，海风领航！">
                <div class="product-listbox"> 
                    <h3>升学辅导 选专业、赢面试，海风领航！</h3>
                    <p class="min-title">五年沉淀，成绩遥遥领先。海风特有志愿填报、春季高考等服务，满足高中生升学之路上的一切所需。</p>
                    <p><span>●</span>高考志愿填报全方位辅导</p>

                    <p><span>●</span>名牌大学自主招生面试保过辅导</p>

                    <p><span>●</span>国际化名校申请及面试辅导</p>
                    <a class="btns" href="course.html#h32" target="_blank">点击查询详细课程</a> 
                </div> 
            </div>
          </li>
          <li class="nMar" data-scroll-reveal="enter right over 1s">
            <div >
                <img class="lazy" src="http://res.www.hfjy.com/images/loading.gif" data-original="http://res.www.hfjy.com/images/page203.jpg" alt="留学咨询" title="留学咨询 世界顶级名校触手可及"/>
                <div class="product-listbox"> 
                    <h3>留学咨询 世界顶级名校触手可及</h3>
                    <p class="min-title">引入北美成熟升学顾问体制，推出了针对世界顶尖名校申请的经历塑造服务，创新实现百分百世界名校录取承诺。</p>
                    <p><span>●</span>目标制定与留学规划</p>
                    <p><span>●</span>经历塑造与文书申请</p>
                    <p><span>●</span>后期服务与职场先导</p>
                    <a class="btns" href="course.html#h33" target="_blank">点击查询详细课程</a>
                </div> 
            </div>
          </li>
        </ul>
    </div>
</div>
<!-- 第二屏幕三大课程结束 -->
<!--第三屏幕教研开始  -->
<div class="featurette " id="course_page3">
  <div class="container">
    <h2 class="title">豪华教研阵容 龙头品牌实力</h2>
    <ul class="research-list  clearfix">
      <li data-scroll-reveal="enter top over 1s">
        <img class="lazy" src="http://res.www.hfjy.com/images/loading.gif" data-original="http://res.www.hfjy.com/images/page301.png"  alt="清北复交名师团队" title="一百五十多清北复交名师团队"/>
      </li>
      <li data-scroll-reveal="enter bottom over 1s">
        <img class="lazy" src="http://res.www.hfjy.com/images/loading.gif" data-original="http://res.www.hfjy.com/images/page302.png" alt="课时教学经验" title="三十多万课时教学经验"/>
      </li>
      <li data-scroll-reveal="enter top over 1s">
        <img class="lazy" src="http://res.www.hfjy.com/images/loading.gif" data-original="http://res.www.hfjy.com/images/page303.png" alt="全国考纲剖析" title="二百多种全国考纲剖析"/>
      </li>
      <li data-scroll-reveal="enter bottom over 1s">
        <img class="lazy" src="http://res.www.hfjy.com/images/loading.gif" data-original="http://res.www.hfjy.com/images/page304.png" alt="知识点切片" title="四千五百余个知识点切片"/>
      </li>
        <li class="nMar" data-scroll-reveal="enter top over 1s">
          <img class="lazy" src="http://res.www.hfjy.com/images/loading.gif" data-original="http://res.www.hfjy.com/images/page305.jpg" alt="学科独家教研系统" title="十门学科独家教研系统"/>
        </li>
    </ul>
     <p class="btnsP"> <a class="btns clearfix" href="research.html" target="_blank">点击查看教研水平</a></p> 
  </div>
</div>
<!-- 第三屏幕教研结束 -->
<div class="clearfix"></div>
<!--第四屏幕致力高效补习开始  -->
<div class="featurette " id="course_page4">
  <div class="container">
    <div class="page4-container">
      <div class=" page4-left pull-left" data-scroll-reveal="enter left over 1s">
        <h2 class="title">致力高效补习 海风做的更多</h2>

        <p>课前精准诊断学员疏漏 定制一对一课程模块</p>

        <p>尊重艾宾浩斯记忆曲线 借助平台智能化上课</p>

        <p>体验高效学习学而不忘 每节课补在关键点上</p>

        <p>及时反馈在线补习效果 家长学生机构三方通</p>
        <a class="btns clearfix" href="http://vip.hfjy.com/stk/" target="_blank">点击查询详细课程</a>
      </div>
      <div class="page4-right" data-scroll-reveal="enter right over 1s">
        <img class="lazy" src="http://res.www.hfjy.com/images/loading.gif" data-original="http://res.www.hfjy.com/images/page401.jpg" alt="致力高效补习 海风做的更多" title="致力高效补习 海风做的更多"/>
      </div>
    </div>
  </div>
</div>
<!--第四屏幕致力高效补习结束  -->
<!--第五屏幕师资开始  -->
<div class="featurette " id="course_page5">
  <div class="container">
    <div class="page4-container">
      <div class=" page5-left" data-scroll-reveal="enter left over 1s">
        <img class="lazy" src="http://res.www.hfjy.com/images/loading.gif" data-original="http://res.www.hfjy.com/images/page501.jpg" alt="清北复交名校名师团队" title="清北复交名校名师团队"/>
      </div>
      <div class="page5-right" data-scroll-reveal="enter right over 1s">
        <h2 class="title">清北复交师出名门</h2>

        <p>清北复交名校名师团队 </p>

        <p>海风教师魔鬼训练历炼</p>

        <p>上万课时教学经验沉淀</p>

        <p>历年中高考大数据支撑</p>

        <p>实现学员名校升学梦想</p>
        <a class="btns clearfix" href="teachers.html" target="_blank">点击查看名师风采</a>
      </div>
    </div>
  </div>
</div>
<!--第五屏幕师资结束  -->
<!--第六屏幕在线学习中心开始  -->
<script>
    $(function(){
        $(".sHoverItem" ).mouseenter(function(){
            $(this).find(".sIntro" ).addClass('curr');
        } ).mouseleave(function(){
            $(this).find(".sIntro" ).removeClass('curr');
        });
    })
</script>
<div class="featurette " id="course_page6">
  <div class="container">
      <div class="page4-container Online-img">
        <div class=" page6-left pull-left" data-scroll-reveal="enter left over 1s">
          <h2 class="title">在线学习中心</h2>

          <p>你专属的智能学习管家</p>

          <p><span>●</span>流畅语音视频功能，手写板书写功能</p>

          <p>——保证学生在线上课的体验</p>

          <p><span>●</span>创新课程录音，电子版书录屏</p>

          <p>——完整记录补习过程，随时随地温故知新</p>

          <p><span>●</span>内嵌标准化讲义，知识点切片化管理</p>

          <p>——确保教学成效量化可控。</p>
          <a class="btns clearfix" href="Online.html" target="_blank">点击进入学习中心</a>
        </div>
        <div class=" right-img" data-scroll-reveal="enter right over 1s">
          <img class="lazy" src="http://res.www.hfjy.com/images/loading.gif" data-original="http://res.www.hfjy.com/images/page601.gif" alt="在线一对一学习中心" title="在线一对一学习中心"/>
        </div>
      </div>
      <!--  9大优势 高低立见开始 -->
      <h2 class="title"> 9大优势 高低立见</h2>
      <div class="all">
        <ul>
          <li class="sHoverItem" id="item1">
            <i class="iconfont">&#xe610;</i>
            <p>上课无需来回赶</p>
            <div class="sIntro">
              <div class="left-sIntro">
                <h2>传统补习</h2>
                <p>还在去补习的路上</p>
              </div>
              <div class="right-sIntro">
                <h2>海风在线1对1</h2>
                <p>一键完成补习</p>
              </div>
            </div>
          </li>
          <li class="sHoverItem" id="item2">
            <i class="iconfont">&#xe601;</i>
            <p>补习内容更针对</p>
            <div class="sIntro">
              <div class="left-sIntro">
                <h2>传统补习</h2>
                <p>补习内容大众化</p>
              </div>
              <div class="right-sIntro">
                <h2>海风在线1对1</h2>
                <p>名师1对1，内容更针对</p>
              </div>
            </div>
          </li>
          <li class="sHoverItem">
             <i class="iconfont">&#xe614;</i>
            <p>电子板书自动录制</p>
             <div class="sIntro">
              <div class="left-sIntro">
                <h2>传统补习</h2>
                <p>上课记笔记，重点不消化</p>
              </div>
              <div class="right-sIntro">
                <h2>海风在线1对1</h2>
                <p>电子板书自动录制，上课全投入 </p>
              </div>
            </div>
          </li >
          <li class="sHoverItem ">
             <i class="iconfont">&#xe607;</i>
            <p>图文并茂真详细</p>
            <div class="sIntro">
              <div class="left-sIntro">
                <h2>传统补习</h2>
                <p>讲的细不细，看老师心情</p>
              </div>
              <div class="right-sIntro">
                <h2>海风在线1对1</h2>
                <p>解题图文并茂，再难也能秒懂</p>
              </div>
            </div>
          </li>
          <li class="sHoverItem noMar">
             <i class="iconfont">&#xe60f;</i>
            <p>教学成果可量化</p>
            <div class="sIntro">
              <div class="left-sIntro">
                <h2>传统补习</h2>
                <p>无标准化流程</p>
              </div>
              <div class="right-sIntro">
                <h2>海风在线1对1</h2>
                <p>标准化讲义，切片化知识点管理</p>
              </div>
            </div>
          </li>
          <li class="sHoverItem">
             <i class="iconfont">&#xe611;</i>
            <p>在线答疑全天候</p>
            <div class="sIntro">
              <div class="left-sIntro">
                <h2>传统补习</h2>
                <p>上课不好打断，下课羞于提问</p>
              </div>
              <div class="right-sIntro">
                <h2>海风在线1对1</h2>
                <p>课上随时问，课后离线问</p>
              </div>
            </div>
          </li>
          <li class="sHoverItem">
             <i class="iconfont">&#xe609;</i>
            <p>补习方案个性化</p>
            <div class="sIntro">
              <div class="left-sIntro">
                <h2>传统补习</h2>
                <p>尖子差生难兼顾</p>
              </div>
              <div class="right-sIntro">
                <h2>海风在线1对1</h2>
                <p>一个学生一套方案</p>
              </div>
            </div>
          </li>
          <li class="sHoverItem">
            <i class="iconfont">&#xe60e;</i>
            <p>多功能趣味沟通</p>
            <div class="sIntro">
              <div class="left-sIntro">
                <h2>传统补习</h2>
                <p>传统课堂气氛压抑</p>
              </div>
              <div class="right-sIntro">
                <h2>海风在线1对1</h2>
                <p>多功能沟通，气氛活跃</p>
              </div>
            </div>
          </li>
          <li class="sHoverItem" >
             <i class="iconfont">&#xe608;</i>
            <p>学习过程全记录</p>
            <div class="sIntro">
              <div class="left-sIntro">
                <h2>传统补习</h2>
                <p>上完课就结束</p>
              </div>
              <div class="right-sIntro">
                <h2>海风在线1对1</h2>
                <p>独创课程录音，电子板书录屏</p>
              </div>
            </div>
          </li>
          <li class="sHoverItem noMar hf-leftright" onclick="window.open('http://vip.hfjy.com/cgzxkpy/ ')">
             <i class="iconfont">&#xe612;</i>
            <p class="endP">进去学习中心</p>
            <!--  <divid="intro1" class="sIntro">
              <h2>传统补习&nbsp;&nbsp;&nbsp;       海风在线1对1</h2>
              <p class="min-p">还在去补习的路上 一键完成补习</p>
            </div> -->
          </li>
        </ul>
      </div>
<!--  9大优势 高低立见结束 -->
  </div>
</div>
<!--第六屏幕在线学习中心开始  -->
<!--第七屏幕学员案例开始  -->
<div class="clearfix"></div>
<div  class="featurette " style="padding:50px 0px">
    <div class="container">
      <h2 class="title">学员案例</h2>
      <p class="min-title">他们是海风最好的代言人</p>
        <div id="docker" class="row content-list ">
          <ul class="student-list clearfix" >
            <li class="hf-updown" onclick="window.open('http://vip.hfjy.com/zzhb/')">
              <img class="lazy" src="http://res.www.hfjy.com/images/loading.gif" data-original="http://res.www.hfjy.com/images/page701.jpg" alt="学生案例-杨嘉欣-香港理工大学"  title="学生案例-杨嘉欣-香港理工大学"/>
             <span class="pageBox">
                <h3>杨嘉欣</h3>
                <p class="min-title">录取于香港理工大学</p>
                <p>
                   海风自招面试课程学员，同时收到上海交大、香港理工大学、香港教育学院的offer。一直梦想进入香港高校，找到了海风独家的港校辅导课程。尤其英语口语课程，来自上海外国语的老师一对一连续3小时全英文对话，全面摆脱英语面试恐惧。
                </p>
            </span>
             
            </li>
            <li  onclick="window.open('http://vip.hfjy.com/zzhb/')">
              <img class="lazy" src="http://res.www.hfjy.com/images/loading.gif" data-original="http://res.www.hfjy.com/images/page702.jpg" alt="学生案例-石文旸-上海交通大学"  title="学生案例-石文旸-上海交通大学"/>
                <span class="pageBox">
                  <h3>石文旸</h3>
                  <p class="min-title">录取于上海交通大学</p>
                  <p>
                   帅帅的理科学霸，文科方面偏弱，海风老师度身定制改进方案，短板得到明显提升。此外，他推荐海风自招面试班，有着全真模拟面试场景，帮助抓住教授痛点。石学霸认为在线课程是趋势，好处多多，鼓励大家勇敢尝试。
                  </p>
                </span>
            </li>
            <li class="nMar hf-updown" onclick="window.open('http://vip.hfjy.com/zzhb/')">
              <img class="lazy" src="http://res.www.hfjy.com/images/loading.gif" data-original="http://res.www.hfjy.com/images/page703.jpg" alt="学生案例-陈芸菲-上海同济大学"  title="学生案例-陈芸菲-上海同济大学"/>
              <div class="pageBox">
                  <h3>陈芸菲</h3>
                  <p class="min-title">录取于上海同济大学</p>
                  <p>
                    参加海风自主招生面试班、英语口语一对一。特别感谢海风英语老师，能针对她个人的实际情况安排课程，上课针对性很强。她推荐线上课程，不但节省大量时间，而且提高学习效率。
                  </p>
              </div>
            </li>
          </ul>
        </div>
        <div class="clearfix"></div>
            <a href="http://vip.hfjy.com/zzhb/" target="_blank" class="btns docker-btns clearfix">
            更多学员案例
          </a>
    </div>
</div>
<script type="text/javascript">
    /*$( document ).ready( function() {
        $( ".content-list" ).mouseover( function( event ) {
            $( "#left" ).stop().animate( {left: "20px"}, 400 )
            $( "#right" ).stop().animate( {right: "2px"}, 400 )

        } ).mouseout( function( event ) {
            $( "#left" ).stop().animate( {left: "55px"}, 400 )
            $( "#right" ).stop().animate( {right: "35px"}, 400 )

        } );
        var docker_obj=$("#docker ul");
        var li_width=docker_obj.width()/6;
        $("#left" ).click(function(){
            var docker_left=docker_obj.offset().left;
            if(docker_left<-572){
                docker_left=0;
                docker_obj.stop().animate({
                    left: 0
                }, 1000);
                return ;
            }
            docker_obj.stop().animate({
                left: "-="+li_width
            }, 1000);
        })
        $("#right" ).click(function(){
            var docker_left=docker_obj.offset().left;
            if(docker_left>187){
                return ;
            }
            $("#docker ul" ).stop().animate({
                left: "+="+li_width
            }, 1000);
        })


    } );*/

</script>
<!--第七屏幕学员案例开始  -->
<!-- 第八屏幕免费预约试听报名流程开始  -->
<div class="featurette " id="course_page8">
  <div class="container">
      <h2 class="title">
          体验海风高效1对1在线补习
      </h2>
      <ul  class=" chatlist">
        <li>
          <a href="http://www10.53kf.com/webCompany.php?arg=10069074&style=1&keyword=&kf="  target="_blank" class="btn greenColor">
             <i class="iconfont">&#xe604;</i>预约试听
            <p>请准确填写您的联系方式，免费预约试听课程</p>
          </a>
        </li>
        <li>
          <a class="btn " href="http://www10.53kf.com/webCompany.php?arg=10069074&style=1&keyword=&kf="  target="_blank">
              <i class="iconfont">&#xe60e;</i>在线咨询
            <p>有疑问，请联系在线助教，您的问题将得到耐心解答</p>
          </a>
        </li>
        <li class="noMar">
          <a href="http://vip.hfjy.com/mfzl/"  target="_blank" class="btn redColor">
            <i class="iconfont">&#xe60f;</i>免费资料
            <p>五年沉淀最有价值资料，初高中升学必备</p>
          </a>
        </li>
      </ul>
  </div>
</div>
<!-- 第八屏幕免费预约试听报名流程结束  -->
<div class="clearfix"></div>
<!-- 第九屏：团队+媒体+荣誉开始 -->
<div class="featurette " id="course_page9">
    <div class="container">
      <div class="tablist">
          <div class="row ">
              <ul id="hd-title" class="hd-tittle">
                  <li class="tabTrigger active">媒体报道&nbsp;|</li>
                  <li class="tabTrigger">&nbsp;海风荣誉 </li>
              </ul>
              <div class="tabBox cur">
                <ul style="margin-left:60px">
                  <li class="li01" ><a href="http://sh.people.com.cn/n/2015/1024/c134768-26908989.html" target="_blank" ></a></li>
                  <li class="li02"><a href="http://epaper.dfdaily.com/dfzb/html/2015-10/23/content_1010314.htm" target="_blank"></a></li>
                  <li class="li03" ><a href="http://sh.sina.com.cn/news/k/2015-10-15/detail-ifxivsce6833611.shtml" target="_blank"></a></li>
                  <li class="li04" ><a href="http://www.thepaper.cn/newsDetail_forward_1334686" target="_blank"></a></li>
                  <li class="li05" ><a href="http://sh.eastday.com/m/20150424/u1a8681893.html" target="_blank"></a></li>
                  <li class="li06" >
                    <a href="http://sh.qq.com/a/20150615/016847.htm" target="_blank"></a>
                  </li>
                </ul>
              </div>
              <div class="tabBox">
                  <ul class="tabC">
                    <li >
                        <img src="http://res.www.hfjy.com/images/page9201.jpg" alt="2015年度用户口碑教辅品牌" title="2015年度用户口碑教辅品牌" />
                        <p>2015年荣获腾讯网“2015年度用户口碑教辅品牌” </p>
                    </li>
                    <li>
                        <img src="http://res.www.hfjy.com/images/page9202.jpg" alt="首届中国“互联网+”创新创业大赛金奖 "  title="首届中国“互联网+”创新创业大赛金奖 "/>
                        <p>2015年国务院主办首届中国“互联网+”创新创业大赛金奖  </p>
                    </li>
                    <li>
                        <img src="http://res.www.hfjy.com/images/page9203.jpg" alt="年度优秀早期投资项目奖" title="年度优秀早期投资项目奖"/>
                        <p>2014年上海市大学生“挑战杯”银奖(同期“饿了吗”项目获金奖)</p>
                    </li>
                    <li>
                        <img src="http://res.www.hfjy.com/images/page9204.jpg" alt="上海市雏鹰奖银奖" title="上海市雏鹰奖银奖"/>
                        <p>2014年获得全球创业周“年度优秀早期投资项目奖”  </p>
                    </li>
                
                    <li class="nMar">
                        <img src="http://res.www.hfjy.com/images/page9205.jpg" alt="复旦大学“聚劲杯”创业大赛一等奖"  title="复旦大学“聚劲杯”创业大赛一等奖"/>
                        <p>2011年复旦大学“聚劲杯”创业大赛一等奖</p>
                    </li>
                  </ul>
              </div>
          </div>
      </div>
    </div>
</div>
<script>
    $(function(){
        $(".tabTrigger" ).mouseenter(function(){
            $(this ).addClass('active' ).siblings('li' ).removeClass('active');
            $(".tabBox" ).removeClass('cur').eq($(this ).index()).addClass('cur');
        });
     })
</script>

<!--第九屏：团队+媒体+荣誉结束  -->
<!-- @foot.html -->